﻿@using KRM.Core

@model tblUser
@{
    Layout = null;
}

<html lang="en" class="no-js">
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8">
        <title>Kybotech | Token required</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="" name="description">
        <meta content="" name="author">
        <meta name="MobileOptimized" content="320">
        <!-- BEGIN GLOBAL MANDATORY STYLES -->          
        <link href="/hr/js/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <link href="/hr/js/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" />
        <link href="/hr/js/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
        <!-- END GLOBAL MANDATORY STYLES -->
        <!-- BEGIN PAGE LEVEL STYLES --> 
        <link rel="stylesheet" type="text/css" href="/hr/js/plugins/select2/select2_metro.css">
        <!-- END PAGE LEVEL SCRIPTS -->
        <!-- BEGIN THEME STYLES --> 
        <link href="/hr/css/style-metronic.css" rel="stylesheet" type="text/css">
        <link href="/hr/css/style.css" rel="stylesheet" type="text/css">
        <link href="/hr/css/style-responsive.css" rel="stylesheet" type="text/css">
        <link href="/hr/css/plugins.css" rel="stylesheet" type="text/css">
        <link href="/hr/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
        <link href="/hr/css/pages/login.css" rel="stylesheet" type="text/css">
        <link href="/hr/css/custom.css" rel="stylesheet" type="text/css">
        <!-- END THEME STYLES -->
        <link rel="shortcut icon" href="/img/favicon.ico">
                                 
        <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
        <!-- BEGIN CORE PLUGINS -->   
        <!--[if lt IE 9]>
            <script src="/hr/js/plugins/respond.min.js"></script>
            <script src="/hr/js/plugins/excanvas.min.js"></script> 
        <![endif]-->   
        <script src="/hr/js/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
        <script src="/hr/js/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
        <script src="/hr/js/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="/hr/js/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
        <script src="/hr/js/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
        <script src="/hr/js/plugins/jquery.blockui.min.js" type="text/javascript"></script>  
        <script src="/hr/js/plugins/jquery.cookie.min.js" type="text/javascript"></script>
        <script src="/hr/js/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
        <!-- END CORE PLUGINS -->
        <!-- BEGIN PAGE LEVEL PLUGINS -->
        <script src="/hr/js/plugins/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script>	
        <script type="text/javascript" src="/hr/js/plugins/select2/select2.min.js"></script>     
        <!-- END PAGE LEVEL PLUGINS -->
        <!-- BEGIN PAGE LEVEL SCRIPTS -->
        <script src="/hr/js/app.js" type="text/javascript"></script>
        <script src="/hr/js/login.js" type="text/javascript"></script> 
        <!-- END PAGE LEVEL SCRIPTS --> 
        <script>
            jQuery(document).ready(function () {
                App.init();
                TokenRequired.init();
            });
        </script>
        <!-- END JAVASCRIPTS -->
    </head>
    <!-- BEGIN BODY -->
    <body class="login" style="">
        <!-- BEGIN LOGO -->
         <div class="logo">
            <img width="360" src="/hr/img/logokybotech.png" alt=""> 
        </div>
        <!-- END LOGO -->
        <!-- BEGIN LOGIN -->
        <div class="content"> 
                    <div id ="divLoading"  style="display: none;text-align:center;">
                        <h2>Sending email...</h2>
                        <br />
                        <div class="ajax-loading"></div>
                    </div>    
            <div  id="divInfo">
            <form class="token-form" id ="fr-token" action="/Users/TokenSubmit" method="POST" role="form" enctype="multipart/form-data">
                <input type="hidden" name="returnurl" value="@ViewBag.ReturnUrl" />
                <input type="hidden" name="userid" value="@Model.UserID" />
               @Html.ValidationSummary(true)
                @if (@ViewBag.Message == "invalid")
                {
                    <div class="alert alert-danger">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>
                        Invalid token or token has been expired.
                     </div>                   
                }
                else
                {
                     <script>
                         RequestToken(@Model.UserID);
                    </script>
                }

                <h3 class="form-title">Security Token Required</h3>
                    @if (@Model.MyEmail == null || @Model.MyEmail == "")
	                {
		                <p>Your email address is invalid<br />please verify your email and login again.</p>   
	                }
                    else
                    {
                        <p>An email with security token has been sent to your email: @Model.MyEmail</p>    
                    }
                <div class="form-group">
                    <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                    <label class="control-label visible-ie8 visible-ie9">Token</label>
                    <div class="input-group">
                        <div class="input-icon">
                        <i class="icon-lock"></i>
                                 <input type="text" class="form-control placeholder-no-fix" autocomplete="off" placeholder="Token" name="token">
                            </div>
                                 <span class="input-group-btn" style="vertical-align:text-top">                                 
                                 <a onclick="RequestToken(@Model.UserID)" style="width:90px;" href="#" class="btn blue">Resend <i class="icon-envelope-alt"></i></a>
                                 </span>
                              </div>
                </div>

                
                <div class="form-actions">
                    <label class=" control-label" >                        
                    </label>
                    <button type="submit" class="btn green pull-right" style="width:90px;">
                        Submit <i class="m-icon-swapright m-icon-white"></i>
                    </button>   
                    <a style="width:90px;margin-right:10px;" href="Login" class="btn default pull-right"><i class="m-icon-swapleft"></i> Cancel</a>
                             
                </div>
			
            </form> 
             <small class="pull-right" style="margin-top:-10px;">Your IP Address: @Request.UserHostAddress</small>
            </div>
        </div>
        <!-- END LOGIN -->
        <!-- BEGIN COPYRIGHT -->
        <div class="copyright">
            2013 © VCN Corporation.
        </div>
        <!-- END COPYRIGHT -->
        <!-- END BODY -->
    </body>
</html>
